<template>
  <div>
    <p>pageRoute：#/</p>
    <br />
    <button
      @click="
        () => {
          isVisable = !isVisable
        }
      "
    >
      {{ msg }}</button
    ><br /><br />
    <clock v-if="isVisable"></clock>
  </div>
</template>
<script>
import Clock from './clock.vue'
export default {
  components: { Clock },
  data() {
    return {
      isVisable: true
    }
  },
  computed: {
    msg() {
      return this.isVisable
        ? '销毁时钟（显示销毁阶段）'
        : '加载时钟（显示销毁阶段）'
    }
  },
  methods: {},
  activated: {},
  deactivated: {}
}
</script>
<style lang="less" scoped></style>
